<template>
  <div class="hears" @click.capture="overall">
    <back-pack
      ref="backPack"
      :isUse="isUse"
      :list="list"
      @openBackGrid="openBackGrid"
    ></back-pack>
  </div>
</template>

<script>
import BackPack from "@/components/BackPack/index.vue";
export default {
  components: {
    BackPack,
  },
  data() {
    return {
      isUse: 10,
      list: [ 
        {
          name: "奥特曼",
        },
      ],
    };
  },
  methods: {
    openBackGrid(data) {
      this.isUse += data;
    },
    overall() {
      this.$refs.backPack.closeMenuFun();
    },
  },
};
</script>
<style lang="scss" scoped>
.hears {
  width: 100vw;
  height: 100vh;
}
</style>
